<!-- 首页头部 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';

	div.titlePublic{
		width: 100%;
		height: 80px;
		line-height: 80px;
		color: #333;
		font-size: 34px;
		text-align: center;
		position: relative;
		background-color:#fff;

		a.goHome,
		a.close{
			display: block;
			width: 80px;
			height: 80px;
			position: absolute;
			top: 0;
			color: inherit;
			>i{
				color: inherit;
				line-height: 80px;
				font-size: 34px;
			}
		}
		a.close{
			left: 0;
		}
		a.goHome{
			right: 0;

		}
	}

	
</style>

<template>
	<div class="titlePublic" :style="{ color: titleInfo.color, backgroundColor: titleInfo.backColor}">
		<a class="close" href="javascript:history.go(-1);"  v-if="titleInfo.close"><i class="iconfont">&#xe62b;</i></a>
		<span>{{titleInfo.title}}</span>
		<a href="/" class="goHome" v-if="titleInfo.goHome"><i class="iconfont">&#xe608;</i></a>

	</div>
</template>

<script>
	export default {
		data(){
			return {

			}
		},
		props: ['titleInfo'],

		computed: {
	    	// getData(){
	    	// 	return this.$store.getters.getDataVal;
	    	// }
	    	
	    },
	    watch:{
	    	// getData(obj){

	    	// }
	    }

	}
</script>
